<html>

<head>
<title>Teste</title>
</head>
<body>

<div class="wrap">
<div id="titulo-da-pagina">
	<h2>OS XXXXX</h2> <div id ="garantia-produto"><b>Tipo de OS:</b> Fora de Garantia <!-- CÓDIGO PARA PEGAR O TIPO DE OS --></div>
	<div id="informacoes-da-os"><b>Data:</b> 00/00/00 <!-- CÓDIGO PARA PEGAR DATA DA OS --> · <b> Atendente: </b> Tiago</div>
</div>
<div id="informacoes-empresa">
TITULO DA EMPRESA<br/>
Endereço endereço endereço endereço endereço endereço endereço endereço<br/>
Telefones: (00) 0000-0000 / (11) 1111-1111 <br/>
email@email.com <br/>
www.site.com
</div>
<div id="all-data">
		<div id="client-information" class="form-data">
			<h3>Dados do Cliente</h3>
			<div class="inside">
				<div class="linha-formulario">
					<div id="coluna-esquerda" class="duas-colunas">
						<b>CPF:</b> 04894667452
					</div>
					<div id="coluna-direita" class="duas-colunas">
						<b>RG:</b> 3291566
					</div>
				</div>
				<div class="linha-formulario">
					<div id="coluna-esquerda" class="duas-coluna">
						<b>Nome:</b> Tiago Jose Lima de Oliveira
					</div>
					<div id="coluna-direita" class="duas-colunas">
						<b>Email:</b> limaatiago@hotmail.com
					</div>
				</div>
				<div class="linha-formulario">
					<div class="uma-coluna">
						<b>* Endereço:</b> Rua Maria Eliete Coutinho Fabricio
					</div>
				</div>
				<div class="linha-formulario">
					<div id="coluna-esquerda" class="tres-colunas">
						<b>Telefone:</b> (83) 9941-9623
					</div>
					<div id="coluna-meio" class="tres-colunas">
						<b>Celular:</b> (83) 9941-9623
					</div>
					<div id="coluna-direita" class="tres-colunas">
						<b>Comercial:</b> (83) 9941-9623
					</div>
				</div>
			</div>
		</div>
		
		<div id="product-information" class="form-data">
			<h3>Dados do Produto</h3>
			<div class="inside">
				<div class="linha-formulario">
					<div id="coluna-esquerda" class="duas-colunas">
						<b>Tipo:</b> Relógio
					</div>
					<div id="coluna-direita" class="duas-colunas">
						<b>Marca:</b> Swatch
					</div>
				</div>
				<div class="linha-formulario">
					<div id="coluna-esquerda" class="duas-colunas">
						<b>Referência:</b> ABC000000
					</div>
					<div id="coluna-direita" class="duas-colunas">
						<b>Modelo:</b> Chrono
					</div>
				</div>
				<div class="linha-formulario">
					<div class="uma-coluna">
						<b>Descrição:</b> Digite aqui as características físicas do produto: cores, formatos, tamanhos, quantidades etc.
					</div>
				</div>
				<div class="linha-formulario">
					<div id="coluna-esquerda" class="duas-colunas">
						<b>Características Externas:</b> Descreva aqui todas as características externas visíveis: riscos, amassos, descascamentos etc.
					</div>
					<div id="coluna-direita" class="duas-colunas">
						<b>Defeito(s) Segundo o Cliente:</b> Descreva os defeitos de funcionamento e/ou serviços que devem ser executados, segundo o depoimento do cliente.
					</div>
				</div>
			</div>
		</div>
		
		<p> * Não será impresso na ordem de serviço </p>
		<p id="observacoes-os"> <b>Importante:</b> <br/>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam id volutpat turpis. Sed nibh dolor, feugiat in eros eu, tempor posuere enim. Maecenas et condimentum dolor. Sed pretium eleifend metus, molestie volutpat dolor venenatis congue. Vivamus a tincidunt metus, vel ultricies nunc. Donec eget metus tristique, ultrices velit sed, ultricies urna. Proin nec aliquet nibh, ac hendrerit augue. Donec et libero ac erat pharetra vestibulum.
		</p>
		
		<div class="buttons-bottom">
			<div id="coluna-esquerda">
				<input type="button" name="botao-voltar" class="button" value="Voltar"/>
			</div>
			<div id="coluna-direita">
				<input type="button" name="botao-salvarimprimir" class="button" value="Imprimir"/>
				<input type="submit" name="botao-orcamento" class="button button-primary" value="Orçamento"/>
			</div>
		</div>
	</form>
</div>

</body>
</html>